<script lang="ts" setup>
import PasswordLogin from "./components/PasswordLogin.vue";
import { useDesignStore } from "@/stores/module/design";

const { getPrefixCls } = useDesignStore();
const prefixCls = getPrefixCls("login");
</script>

<template>
  <div :class="prefixCls">
    <PasswordLogin />
  </div>
</template>

<style lang="less" scoped>
@prefix-cls: ~"@{namespace}-login";

.@{prefix-cls} {
  @apply h-full w-full flex items-center justify-center bg-cover bg-center bg-no-repeat py-10;
  background-image: url("https://static.tdesign.tencent.com/starter/vue/assets/assets-login-bg-white-439b0654.png");
}
</style>
